.date-line-height {
    line-height: 1.3;
}
.history-tl-container{
    display:block;
    position:relative;
    /*background-image: url(../img/logo-op45.png);*/
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;

}
.history-tl-container ul.tl{
    margin:20px 0;
    padding:0;
    display:inline-block;

}
.history-tl-container ul.tl li{
    list-style: none;
    margin-left:15px;
    min-height:50px;
    border-left: 2px dashed #838383;
    padding:0 0 50px 30px;
    position:relative;
    text-align: left;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
    position: absolute;
    left: -19px;
    top: -5px;
    content: " ";
    border: 10px solid rgba(255, 255, 255, 0.74);
    border-radius: 100%;
    background: #9bff9b;
    height: 40px;
    width: 40px;
    transition: all 500ms ease-in-out;
}
.history-tl-container ul.tl li:last-child::before{
    background-color: #48b7f6;
    animation: pulse 2s ease-in-out infinite;
}
ul.tl li .item-title{
    line-height: 20px;
    font-weight: bold;
}
ul.tl li .item-detail{
    color:rgba(0,0,0,0.5);
    font-size:14px;
}
ul.tl li .timestamp{
    color: #8D8D8D;
    font-size: 14px;
    line-height: 20px;
}
@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.3);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.3;
    }
}